<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
		<meta charset="utf-8" />
		<title>歪风小说</title>
		<!--<%&#45;&#45; <link rel="shortcut icon" th:href="@{/picture/favicon.ico}" type="image/x-icon" />&#45;&#45;%>-->
		<link rel="shortcut icon" th:href="@{/picture/favicon.ico}"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/base.css}"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/reader.css}"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/utils/list_bar.css}"/>
		<script th:src="@{/js/jquery-3.4.1.js}" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{/js/jquery-form.js}" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{/js/reader.js}" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{/js/base.js}" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="Header">
		<div>
				<a th:href="@{/index}" class="log"><img th:src="@{/picture/log.png}"/></a>
				<div class="so">
						<select id="selectmodel">
								<option label="小说">小说</option>
								<option label="作者">作者</option>
						</select>
						<input type="text" name="searchbox" id="searchbbox" required="required"/>
						<button class="sub" onclick="searchbtn()">搜索</button>
				</div>
				<dl class="nav">
						<dd th:if="${session.user_reader==null}">
								<div>
										<span class="login_log"></span>
										<a th:href="@{/loginAndRegist/login}">登录</a>
								</div>
						</dd>
						<dd th:if="${session.user_reader==null}">
								<div>
										<span class="login_log"></span>
										<a th:href="@{/loginAndRegist/regist}">注册</a>
								</div>
						</dd>

						<dd th:if="${session.user_reader!=null}">
								<div>
												<span>
														<img th:if="${session.user_reader.headImage!=null}" th:src="@{'/user-photo/'+${session.user_reader.nickName}+'/'+${session.user_reader.headImage}}" alt="404" class="headimage">
														<img th:if="${session.user_reader.headImage==null}" th:src="@{/picture/default_user.png}" alt="404" class="headimage">

												</span>
										<a th:href="@{/reader/getusermsg}">欢迎！[[${session.user_reader.nickName}]]</a>
										<a th:href="@{/loginAndRegist/loginout}">注销</a>
								</div>
						</dd>

						<dd>
								<div>
										<span class="booklib_log"></span>
										<a th:if="${session.user_reader!=null}" th:href="@{'/reader/personshelf?nickName='+${session.user_reader.nickName}}" >书架</a>
										<a th:if="${session.user_reader==null}" >书架</a>
								</div>
						</dd>
				</dl>
		</div>
</div>
<div class="NavBar">
		<div>
				<a th:href="@{/index}"><span>首页</span></a>
				<a th:href="@{/xuanhuan}"><span>玄幻</span></a>
				<a th:href="@{/kehuan}"><span>科幻</span></a>
				<a th:href="@{/lishi}"><span>历史</span></a>
				<a th:href="@{/dushi}"><span>都市</span></a>
				<a th:href="@{/wuxia}"><span>武侠</span></a>
				<a th:href="@{/wangyou}"><span>网游</span></a>
				<a th:href="@{/rank}"><span>排行</span></a>
				<a th:href="@{/classification}"><span>分类</span></a>
				<a th:href="@{/auth/authorUI}"><span>作家专区</span></a>
		</div>
</div>
<!--主体-->
<div class="Main_1">
		<div class="wrapper">
				<!--侧边栏-->
				<div class="siderBar">
						<ul class="siderBar_list">
								<li class="active"><a href="#">首页</a></li>
								<li class=""><a href="#">阅读记录</a></li>
								<li class=""><a href="#">我的书评</a></li>
						</ul>
						<ul class="siderBar_list">
								<li class=""><a href="#">账务中心</a></li>
								<li class=""><a href="#">会员中心</a></li>
								<li class=""><a href="#">个人资料</a></li>
						</ul>
				</div>
				<!--主要部分-->
				<div class="contentGroup">
						<!--首页部分-->
						<div class="group1" style="display: block;">
								<div class="group1_topbox">
										<!--头像-->
										<div class="user_picture">
												<a href="" class="user_picture_a">
														<img th:if="${readermsg.headImage!=null}" th:src="@{'/user-photo/'+${readermsg.nickName}+'/'+${readermsg.headImage}}"
																     alt="404" class="user_img"/>
														<img th:if="${readermsg.headImage==null}" th:src="@{/picture/default_user.png}"
																     alt="404" class="user_img"/>
												</a>
												<!--是否为vip-->
												<a href=""></a>
										</div>
										<!--用户简略信息-->
										<div class="user_msg">
												<h3>
														<a href="" id="user_name">[[${readermsg.nickName}]]</a>
														<a href="" class="vip_leave">[[${readermsg.vip}]]</a>
												</h3>

												<div class="user_data">
													<span>
														<a href="">关注<b>0</b></a>
														<a href="">粉丝<b>[[${readermsg.fans}]]</b></a>
													</span>
												</div>

										</div>

								</div>

								<ul class="user_msg_list">
										<li class="msg_list">
												<div class="msg_list_title"><b>账户余额</b></div>
												<div class="msg_list_data"><a
														href=""><b>[[${readermsg.accountBalance}]]</b>书币</a></div>
												<a th:href="@{/reader/torecharge}" target="_blank" class="msg_list_more">充钱(就能变强)</a>
										</li>
										<li class="msg_list">
												<div class="msg_list_title"><b>我的票夹</b></div>
												<div class="msg_list_data">
														<span><b>[[${readermsg.monthlyTickets}]]</b>月票</span></div>
												<a href="" class="msg_list_more">立即查看</a></li>
										<li class="msg_list">
												<div class="msg_list_title"><b>我的书架</b></div>
												<div class="msg_list_data"><b>[[${readermsg.myBookShelf!=null?readermsg.myBookShelf.size():0}]]</b>本藏书
												</div>
												<a th:href="@{'/reader/personshelf?nickName='+${readermsg.nickName}}"
												   class="msg_list_more">立即查看</a></li>
								</ul>

						</div>

						<!--阅读记录部分-->
						<div class="group2" style="display: none;">
								<h2>我的阅读记录</h2>

								<div class="record_list">
										<table>
												<thead>
												<tr>
														<td>编号</td>
														<td>书名</td>
														<td>章节</td>
														<td>时间</td>
												</tr>
												</thead>
												<tbody>

												</tbody>
										</table>
										<div style="width: 100%;height: 100px;display: block;text-align: center;"  th:replace="../templates/static/nav_bar::nav">

										</div>
								</div>

						</div>

						<!--账务部分-->
						<div class="group3" style="display: none;">
								<h2>我的资产</h2>
								<div class="asset">
										<h3>账户余额</h3>
										<div class="asset_count">[[${session.user_reader.accountBalance}]]</div>
										<div class="asset_recharge"><a th:href="@{/reader/torecharge}" target="_blank">充值</a></div>
								</div>
								<h2>交易记录</h2>
								<div class="record">
										<div class="tabs">
												<a href="#" class="checked">消费记录</a>
												<a href="#">充值记录</a>
										</div>

										<div class="consumer_list" style="display: block">
												<table>
														<thead>
																<tr>
																		<td>编号</td>
																		<td>用户</td>
																		<td>支付金额</td>
																		<td>支付时间</td>
																		<td>支付类型</td>
																		<td>备注</td>
																</tr>
														</thead>
														<tbody>

														</tbody>
												</table>
												<div style="width: 100%;height: 100px;display: block;text-align: center;" th:replace="../templates/static/nav_bar::nav">

												</div>
										</div>
										<div class="recharge_list" style="display: none">
												<table>
														<thead>
																<tr>
																		<td>编号</td>
																		<td>用户名</td>
																		<td>充值金额</td>
																		<td>充值时间</td>
																		<td>备注</td>
																</tr>
														</thead>
														<tbody>

														</tbody>
												</table>
												<div style="width: 100%;height: 100px;display: block;text-align: center;"  th:replace="../templates/static/nav_bar::nav">

												</div>
										</div>
								</div>
						</div>

						<!--书评部分-->
						<div class="group4" style="display: none;">
								<h2>我的书评</h2>
								<div class="comment">
										<div class="tabs"><a href="" class="checked">发表的书评</a></div>
										<div class="comment_list">
												<table>
														<thead>
														<tr>
																<td>书评</td>
																<td>发布时间</td>
																<td>所在书评区</td>
														</tr>
														</thead>
														<tbody>
														<tr>
																<td></td>
																<td></td>
																<td></td>
														</tr>
														</tbody>
												</table>
												<div style="width: 100%;height: 100px;display: block;text-align: center;" th:replace="../templates/static/nav_bar::nav">

												</div>
										</div>
								</div>
						</div>

						<!--会员部分-->
						<div class="group5" style="display: none;">

						</div>

						<!--个人部分-->
						<div class="group6" style="display: none;">
								<h2>个人资料</h2>
								<div class="person_msg">
										<div class="tabs">
												<a class="checked">基本设置</a>
												<a class="">头像设置</a>
												<a class="">修改密码</a>
										</div>
										<div class="content">
												<div id="tabTarget1">
														<dl>
																<dd><label>昵称：</label><input type="text" id="nick_name"
																                             name="nick_name"
																                             th:value="${readermsg.nickName}"/><span
																		id="nick_nameerror" class="erro"></span></dd>
																<dd><label>性别：</label><input type="radio" value="男"
																                             checked="checked"
																                             name="sex"/>男&nbsp;&nbsp;<input
																		type="radio" value="女" name="sex"/>女<span
																		id="sexerror" class="erro"></span></dd>
																<dd><label>生日：</label><input type="date" id="birthday"
																                             name="birthday"
																                             th:value="${readermsg.birth}"/><span
																		id="birthdayerror" class="erro"></span></dd>
																<dd><label>地址：</label><label>
																		<textarea id="addresstext"
																		          name="address">[[${readermsg.address}]]</textarea>
																</label><span id="addresserror" class="erro"></span>
																</dd>
																<dd><label>简介：</label><label>
																		<textarea id="introtext" name="intro" rows="5"
																		          cols="40">[[${readermsg.intro}]]</textarea>
																</label><span id="introerror" class="erro"></span>
																</dd>
																<dd>
																		<button class="tab1_sub">提交</button>
																</dd>
														</dl>
												</div>
												<div id="tabTarget2" style="display: none;">

														<img th:if="${readermsg.headImage!=null}" th:src="@{'/user-photo/'+${readermsg.nickName}+'/'+${readermsg.headImage}}"
																     alt="404"/>

														<img th:if="${readermsg.headImage==null}" th:src="@{/picture/default_user.png}"
																     alt="404"/>

														<div class="attention_text">
																<p>支持jpg、gif、png格式图片，上传文件大小不超过10MB。</p>
														</div>
														<div>
																<form action="/wfRead/reader/imgupload" method="post"
																      enctype="multipart/form-data"
																      id="fileupform">
																		<input type="file" class="fileup" name="imgfile"
																		       value="上传头像"/>
																</form>

														</div>
														<div class="systemImgs" style="display: none;">
																<ul>
																		<li class="systemImgs_item"><input
																				class="systemImgs_input" type="radio"
																				id=""/><label class="systemImgs_label"
																		                      for=""><img src=""
																		                                  alt="404"/></label>
																		</li>
																</ul>
														</div>
														<button class="img_sub" id="imgupload">上传</button>
												</div>
												<div id="tabTarget3" style="display: none;">
														<p style="display: block"><span id="pwd_erro"></span></p>
														<label for="oldpwd">旧的密码：</label><input type="password" id="oldpwd" ><br>

														<label for="newpwd">新的密码：</label><input type="text" id="newpwd"><br>
														<label for="confirmpwd">确认密码：</label><input type="text" id="confirmpwd"><br>
														<input type="button" value="修改"><br>
												</div>
										</div>
								</div>

						</div>

				</div>

		</div>

</div>
<!--底部-->
<div class="Footer">
		<p>本站所收录的完整版电子书和小说及评论都属网友的个人上传行为，如侵犯您的权益，请将相关详情通知我们，我们将及时处理</p>
</div>
</body>
</html>